<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>仿小米首页</title>
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 顶部 -->
<div class="top">
	<div class="mid">
		<div class="top_floatLeft">
			<a href="#" class="no_leftPadding">小米商城</a>
			<span>|</span>
			<a href="#">MIUI</a>
			<span>|</span>
			<a href="#">米聊</a>
			<span>|</span>
			<a href="#">游戏</a>
			<span>|</span>
			<a href="#">多看阅读</a>
			<span>|</span>
			<a href="#">云服务</a>
			<span>|</span>
			<a href="#">金融</a>
			<span>|</span>
			<a href="#">小米网移动版</a>
			<span>|</span>
			<a href="#">问题反馈</a>
			<span>|</span>
			<a href="#">Select Region</a>
		</div>
		<div class="top_floatRight">
			<a href="#">登录</a>
			<span>|</span>
			<a href="#">注册</a>
			<span>|</span>
			<a href="#">消息通知</a>
			<a href="#" class="car"><span class="font"></span>购物车（0）</a>
		</div>
	</div>
</div>
<!-- 头部 -->
<div class="header">
	<div class="mid">
		<div class="header_top">
			<a href="#" class="header_logo">
			<img src="./images/logo.jpg" alt="">
			</a>
			<img src="./images/mi5.gif" alt="" class="header_mi5">
			<ul class="header_nav">
				<li><a href="#">小米手机</a></li>
				<li><a href="#">红米</a></li>
				<li><a href="#">平板 · 笔记本</a></li>
				<li><a href="#">电视</a></li>
				<li><a href="#">盒子 · 影音</a></li>
				<li><a href="#">路由器</a></li>
				<li><a href="#">智能硬件</a></li>
				<li><a href="#">服务</a></li>
				<li><a href="#">社区</a></li>
			</ul>
			<form action="" class="search">
				<input type="text" name="" id="" class="text">
				<input type="submit" value="&#xe616;" class="submit font">
			</form>
		</div>
		<div class="header_mid">
			<!-- banner轮播图 -->
			<div class="banner">
				<span class="prev"></span>
				<span class="next"></span>
				<a href="#">
				<img src="./images/banner/banner_1.jpg" alt="">
				</a>
				<div class="nav_bg">
				</div>
				<ul class="nav">
					<li><a href="#">手机 电话卡</a><i class="font"></i></li>
					<li><a href="#">笔记本 平板</a><i class="font"></i></li>
					<li><a href="#">电视 盒子</a><i class="font"></i></li>
					<li><a href="#">路由器 智能硬件</a><i class="font"></i></li>
					<li><a href="#">移动电源 电池 插线板</a><i class="font"></i></li>
					<li><a href="#">耳机 音箱</a><i class="font"></i></li>
					<li><a href="#">保护套 贴膜</a><i class="font"></i></li>
					<li><a href="#">线材 支架 存储卡</a><i class="font"></i></li>
					<li><a href="#">箱包 服饰</a><i class="font"></i></li>
					<li><a href="#">米兔 生活周边</a><i class="font"></i></li>
				</ul>
			</div>
		</div>
		<div class="header_bottom">
			<ul class="list_item">
				<li><a href="#"><span class="font">&#xe901;</span>选购手机</a><i class="vline"></i><i class="hline"></i></li>
				<li><a href="#"><span class="font">&#xe63e;</span>企业团购</a><i class="vline"></i><i class="hline"></i></li>
				<li><a href="#"><span class="font">&#xe63b;</span>官翻产品</a><i class="hline"></i></li>
				<li><a href="#"><span class="font"></span>小米移动</a><i class="vline"></i></li>
				<li><a href="#"><span class="font"></span>以旧换新</a><i class="vline"></i></li>
				<li><a href="#"><span class="font"></span>话费充值</a></li>
			</ul>
			<a href="#" class="ad"><img src="./images/ad/ad_1.jpg" alt=""></a>
			<a href="#" class="ad"><img src="./images/ad/ad_2.jpg" alt=""></a>
			<a href="#" class="ad"><img src="./images/ad/ad_3.jpg" alt=""></a>
		</div>
	</div>
</div>
<!-- 明星单品 -->
<div class="star">
	<div class="mid">
		<div class="product_top">
			<h2>小米明星单品</h2>
			<div class="more star_more">
				<a href="" class="prev font"></a><a href="" class="next font"></a>
			</div>
		</div>
		<ul class="product_star">
			<li class="border-top_orange"><img src="./images/products/product_1.jpg" alt=""><a href="#">小米5 高配64GB</a>
			<p class="intro">
				黑科技手机，3D玻璃机身
			</p>
			<p class="price">
				1999元
			</p>
			</li>
			<li class="border-top_green"><img src="./images/products/product_1.jpg" alt=""><a href="#">小米5 高配64GB</a>
			<p class="intro">
				黑科技手机，3D玻璃机身
			</p>
			<p class="price">
				1999元
			</p>
			</li>
			<li class="border-top_blue"><img src="./images/products/product_1.jpg" alt=""><a href="#">小米5 高配64GB</a>
			<p class="intro">
				黑科技手机，3D玻璃机身
			</p>
			<p class="price">
				1999元
			</p>
			</li>
			<li class="border-top_red"><img src="./images/products/product_1.jpg" alt=""><a href="#">小米5 高配64GB</a>
			<p class="intro">
				黑科技手机，3D玻璃机身
			</p>
			<p class="price">
				1999元
			</p>
			</li>
			<li class="border-top_blueg"><img src="./images/products/product_1.jpg" alt=""><a href="#">小米5 高配64GB</a>
			<p class="intro">
				黑科技手机，3D玻璃机身
			</p>
			<p class="price">
				1999元
			</p>
			</li>
			<li class="border-top_orange"><img src="./images/products/product_1.jpg" alt=""><a href="#">小米5 高配64GB</a>
			<p class="intro">
				黑科技手机，3D玻璃机身
			</p>
			<p class="price">
				1999元
			</p>
			</li>
			<li class="border-top_orange"><img src="./images/products/product_1.jpg" alt=""><a href="#">小米5 高配64GB</a>
			<p class="intro">
				黑科技手机，3D玻璃机身
			</p>
			<p class="price">
				1999元
			</p>
			</li>
			<li class="border-top_orange"><img src="./images/products/product_1.jpg" alt=""><a href="#">小米5 高配64GB</a>
			<p class="intro">
				黑科技手机，3D玻璃机身
			</p>
			<p class="price">
				1999元
			</p>
			</li>
			<li class="border-top_orange"><img src="./images/products/product_1.jpg" alt=""><a href="#">小米5 高配64GB</a>
			<p class="intro">
				黑科技手机，3D玻璃机身
			</p>
			<p class="price">
				1999元
			</p>
			</li>
			<li class="border-top_orange"><img src="./images/products/product_1.jpg" alt=""><a href="#">小米5 高配64GB</a>
			<p class="intro">
				黑科技手机，3D玻璃机身
			</p>
			<p class="price">
				1999元
			</p>
			</li>
		</ul>
	</div>
</div>
<!-- 产品展示局域 -->
<div class="product_list">
	<div class="mid">
		<!-- 智能硬件 -->
		<div class="smart">
			<div class="product_top">
				<h2>智能硬件</h2>
				<a href="" class="more">查看全部<span class="font"></span></a>
			</div>
			<div class="product_main">
				<div class="smart_left">
					<a href=""><img src="./images/ad/ad_4.jpg" alt=""></a>
				</div>
				<div class="smart_right">
					<ul class="right_product">
						<li class="te_parent"><span class="te_box mian">免邮费</span><a href=""><img src="./images/products/product_6.jpg" alt=""></a><a href="#">小米路由器3</a>
						<p class="intro">
							9月20日早10点开售
						</p>
						<p class="price">
							599元
						</p>
						</li>
						<li class="te_parent"><span class="te_box new">新品</span><a href=""><img src="./images/products/product_6.jpg" alt=""></a><a href="#">小米路由器3</a>
						<p class="intro">
							9月20日早10点开售
						</p>
						<p class="price">
							599元
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_6.jpg" alt=""></a><a href="#">小米路由器3</a>
						<p class="intro">
							9月20日早10点开售
						</p>
						<p class="price">
							599元
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_6.jpg" alt=""></a><a href="#">小米路由器3</a>
						<p class="intro">
							9月20日早10点开售
						</p>
						<p class="price">
							599元
						</p>
						</li>
						<li class="te_parent"><span class="te_box new">新品</span><a href=""><img src="./images/products/product_6.jpg" alt=""></a><a href="#">小米路由器3</a>
						<p class="intro">
							9月20日早10点开售
						</p>
						<p class="price">
							599元
						</p>
						</li>
						<li class="te_parent"><span class="te_box mian">免邮费</span><a href=""><img src="./images/products/product_6.jpg" alt=""></a><a href="#">小米路由器3</a>
						<p class="intro">
							9月20日早10点开售
						</p>
						<p class="price">
							599元
						</p>
						</li>
						<li class="te_parent"><span class="te_box mian">免邮费</span><a href=""><img src="./images/products/product_6.jpg" alt=""></a><a href="#">小米路由器3</a>
						<p class="intro">
							9月20日早10点开售
						</p>
						<p class="price">
							599元
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_6.jpg" alt=""></a><a href="#">小米路由器3</a>
						<p class="intro">
							9月20日早10点开售
						</p>
						<p class="price">
							599元
						</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 搭配 -->
		<div class="smart">
			<div class="product_top">
				<h2>搭配</h2>
				<ul class="more">
					<li>热门</li>
					<li>耳机音箱</li>
					<li>电源</li>
					<li>电池存储卡</li>
				</ul>
			</div>
			<div class="product_main">
				<div class="smart_left">
					<a href=""><img src="./images/products/product_7.jpg" alt="" class="product_ad"></a>
					<a href=""><img src="./images/products/product_7.jpg" alt="" class="product_ad"></a>
				</div>
				<div class="smart_right">
					<ul class="right_product">
						<li><a href=""><img src="./images/products/product_8.jpg" alt=""></a><a href="">  小米圈铁耳机  </a>
						<p class="intro onlyprice">
							299元
						</p>
						<p class="price comment">
							10万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_8.jpg" alt=""></a><a href="">  小米圈铁耳机  </a>
						<p class="intro onlyprice">
							299元
						</p>
						<p class="price comment">
							10万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_8.jpg" alt=""></a><a href="">  小米圈铁耳机  </a>
						<p class="intro onlyprice">
							299元
						</p>
						<p class="price comment">
							10万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_8.jpg" alt=""></a><a href="">  小米圈铁耳机  </a>
						<p class="intro onlyprice">
							299元
						</p>
						<p class="price comment">
							10万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_8.jpg" alt=""></a><a href="">  小米圈铁耳机  </a>
						<p class="intro onlyprice">
							299元
						</p>
						<p class="price comment">
							10万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_8.jpg" alt=""></a><a href="">  小米圈铁耳机  </a>
						<p class="intro onlyprice">
							299元
						</p>
						<p class="price comment">
							10万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_8.jpg" alt=""></a><a href="">  小米圈铁耳机  </a>
						<p class="intro onlyprice">
							299元
						</p>
						<p class="price comment">
							10万人评价
						</p>
						</li>
						<li class="short"><img src="./images/products/product_16.jpg" alt=""><a href="">标准高透贴膜</a>
						<p class="intro onlyprice">
							19元
						</p>
						</li>
						<li class="short"><a href="" class="more_bigfont">浏览更多</a>
						<p class="intro onlyprice more_fontbottom">
							热门
						</p>
						<p class="more_product font">
							
						</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 搭配结束 -->
		<!-- 配件开始 -->
		<div class="smart">
			<div class="product_top">
				<h2>配件</h2>
				<ul class="more">
					<li>热门</li>
					<li>保护套</li>
					<li>贴膜</li>
					<li>其他配件</li>
				</ul>
			</div>
			<div class="product_main">
				<div class="smart_left">
					<a href=""><img src="./images/products/product_10.jpg" alt="" class="product_ad"></a>
					<a href=""><img src="./images/products/product_10.jpg" alt="" class="product_ad"></a>
				</div>
				<div class="smart_right">
					<ul class="right_product">
						<li><a href=""><img src="./images/products/product_9.jpg" alt=""></a><a href="">  小米手机5 钢化玻璃贴膜(0.22mm)  </a>
						<p class="intro onlyprice">
							99元
						</p>
						<p class="price comment">
							19.5万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_9.jpg" alt=""></a><a href="">  小米手机5 钢化玻璃贴膜(0.22mm)  </a>
						<p class="intro onlyprice">
							99元
						</p>
						<p class="price comment">
							19.5万人评价
						</p>
						</li>
						<li class="te_parent"><span class="te_box count">享8折</span><a href=""><img src="./images/products/product_9.jpg" alt=""></a><a href="">  小米手机5 钢化玻璃贴膜(0.22mm)  </a>
						<p class="intro onlyprice">
							99元
						</p>
						<p class="price comment">
							19.5万人评价
						</p>
						</li>
						<li class="te_parent"><span class="te_box new">新品</span><a href=""><img src="./images/products/product_9.jpg" alt=""></a><a href="">  小米手机5 钢化玻璃贴膜(0.22mm)  </a>
						<p class="intro onlyprice">
							99元
						</p>
						<p class="price comment">
							19.5万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_9.jpg" alt=""></a><a href="">  小米手机5 钢化玻璃贴膜(0.22mm)  </a>
						<p class="intro onlyprice">
							99元
						</p>
						<p class="price comment">
							19.5万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_9.jpg" alt=""></a><a href="">  小米手机5 钢化玻璃贴膜(0.22mm)  </a>
						<p class="intro onlyprice">
							99元
						</p>
						<p class="price comment">
							19.5万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_9.jpg" alt=""></a><a href="">  小米手机5 钢化玻璃贴膜(0.22mm)  </a>
						<p class="intro onlyprice">
							99元
						</p>
						<p class="price comment">
							19.5万人评价
						</p>
						</li>
						<li class="short"><img src="./images/products/product_15.jpg" alt=""><a href="">音箱</a>
						<p class="intro onlyprice">
							99元
						</p>
						</li>
						<li class="short"><a href="" class="more_bigfont">浏览更多</a>
						<p class="intro onlyprice more_fontbottom">
							热门
						</p>
						<p class="more_product font">
							
						</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 配件结束 -->
		<!-- 周边开始 -->
		<div class="smart">
			<div class="product_top">
				<h2>配件</h2>
				<ul class="more">
					<li>热门</li>
					<li>服装</li>
					<li>米兔</li>
					<li>生活周边</li>
					<li>箱包</li>
				</ul>
			</div>
			<div class="product_main">
				<div class="smart_left">
					<a href=""><img src="./images/products/product_11.jpg" alt="" class="product_ad"></a>
					<a href=""><img src="./images/products/product_11.jpg" alt="" class="product_ad"></a>
				</div>
				<div class="smart_right">
					<ul class="right_product">
						<li><a href=""><img src="./images/products/product_12.jpg" alt=""></a><a href="">圆领套头卫衣</a>
						<p class="intro onlyprice">
							199元
						</p>
						<p class="price comment">
							5万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_12.jpg" alt=""></a><a href="">圆领套头卫衣</a>
						<p class="intro onlyprice">
							199元
						</p>
						<p class="price comment">
							5万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_12.jpg" alt=""></a><a href="">圆领套头卫衣</a>
						<p class="intro onlyprice">
							199元
						</p>
						<p class="price comment">
							5万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_12.jpg" alt=""></a><a href="">圆领套头卫衣</a>
						<p class="intro onlyprice">
							199元
						</p>
						<p class="price comment">
							5万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_12.jpg" alt=""></a><a href="">圆领套头卫衣</a>
						<p class="intro onlyprice">
							199元
						</p>
						<p class="price comment">
							5万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_12.jpg" alt=""></a><a href="">圆领套头卫衣</a>
						<p class="intro onlyprice">
							199元
						</p>
						<p class="price comment">
							5万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_12.jpg" alt=""></a><a href="">圆领套头卫衣</a>
						<p class="intro onlyprice">
							199元
						</p>
						<p class="price comment">
							5万人评价
						</p>
						</li>
						<li><a href=""><img src="./images/products/product_12.jpg" alt=""></a><a href="">圆领套头卫衣</a>
						<p class="intro onlyprice">
							199元
						</p>
						<p class="price comment">
							5万人评价
						</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 周边结束 -->
		<!-- 为你推荐 -->
		<div class="smart tuijian">
			<div class="product_top">
				<h2>为你推荐</h2>
				<div class="more star_more">
					<a href="" class="prev font"></a><a href="" class="next font"></a>
				</div>
			</div>
			<div class="product_main tuijian_main">
				<ul class="right_product">
					<li class="tuijian_li"><a href=""><img src="./images/products/product_13.jpg" alt=""></a><a class="tuijian_product">小米手环</a>
					<p class="price tuijian_price">
						199元
					</p>
					<p class="intro tuijian_intro">
						20万人评论
					</p>
					</li>
					<li class="tuijian_li"><a href=""><img src="./images/products/product_13.jpg" alt=""></a><a class="tuijian_product">小米手环</a>
					<p class="price tuijian_price">
						199元
					</p>
					<p class="intro tuijian_intro">
						20万人评论
					</p>
					</li>
					<li class="tuijian_li"><a href=""><img src="./images/products/product_13.jpg" alt=""></a><a class="tuijian_product">小米手环</a>
					<p class="price tuijian_price">
						199元
					</p>
					<p class="intro tuijian_intro">
						20万人评论
					</p>
					</li>
					<li class="tuijian_li"><a href=""><img src="./images/products/product_13.jpg" alt=""></a><a class="tuijian_product">小米手环</a>
					<p class="price tuijian_price">
						199元
					</p>
					<p class="intro tuijian_intro">
						20万人评论
					</p>
					</li>
					<li class="tuijian_li"><a href=""><img src="./images/products/product_13.jpg" alt=""></a><a class="tuijian_product">小米手环</a>
					<p class="price tuijian_price">
						199元
					</p>
					<p class="intro tuijian_intro">
						20万人评论
					</p>
					</li>
				</ul>
			</div>
		</div>
		<!-- 为你推荐结束 -->
		<!-- 热评开始 -->
		<div class="smart hot">
			<div class="product_top">
				<h2>热评产品</h2>
			</div>
			<div class="product_main tuijian_main">
				<ul class="right_product">
					<li class="hot_comment"><a href=""><img src="./images/products/product_14.jpg" alt="" class="hot_img"></a>
					<p class="jieshi">
						<a href="" class="hot_product">真的非常喜欢，从包装到内在都很美，爱不释手</a>
					</p>
					<p class="intro hot_intro">
						 来自于 jiangnanjiang 的评价
					</p>
					<div>
						<a href="" class="hot_product">90分旅行箱 20寸</a><span>|</span>
						<p class="price">
							299元
						</p>
					</div>
					</li>
					<li class="hot_comment"><a href=""><img src="./images/products/product_14.jpg" alt="" class="hot_img"></a>
					<p class="jieshi">
						<a href="" class="hot_product">真的非常喜欢，从包装到内在都很美，爱不释手</a>
					</p>
					<p class="intro hot_intro">
						 来自于 jiangnanjiang 的评价
					</p>
					<div>
						<a href="" class="hot_product">90分旅行箱 20寸</a><span>|</span>
						<p class="price">
							299元
						</p>
					</div>
					</li>
					<li class="hot_comment"><a href=""><img src="./images/products/product_14.jpg" alt="" class="hot_img"></a>
					<p class="jieshi">
						<a href="" class="hot_product">真的非常喜欢，从包装到内在都很美，爱不释手</a>
					</p>
					<p class="intro hot_intro">
						 来自于 jiangnanjiang 的评价
					</p>
					<div>
						<a href="" class="hot_product">90分旅行箱 20寸</a><span>|</span>
						<p class="price">
							299元
						</p>
					</div>
					</li>
					<li class="hot_comment"><a href=""><img src="./images/products/product_14.jpg" alt="" class="hot_img"></a>
					<p class="jieshi">
						<a href="" class="hot_product">真的非常喜欢，从包装到内在都很美，爱不释手</a>
					</p>
					<p class="intro hot_intro">
						 来自于 jiangnanjiang 的评价
					</p>
					<div>
						<a href="" class="hot_product">90分旅行箱 20寸</a><span>|</span>
						<p class="price">
							299元
						</p>
					</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- 热门结束 -->
		<!-- 内容开始 -->
		<div class="smart content">
			<div class="product_top">
				<h2>内容</h2>
			</div>
			<div class="product_main content_main">
				<ul class="right_product">
					<li class="content_box border-top_orange">
					<span class="prev font"></span>
					<span class="next font"></span>
					<ul class="dot">
						<li class="selected">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
					</ul>
					<h2 class="orange">图书</h2>
					<div class="content_list">
						<ul>
							<li>
							<a href="" class="content_title font_orange">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
							<li>
							<a href="" class="content_title">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
							<li>
							<a href="" class="content_title">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
							<li>
							<a href="" class="content_title">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
						</ul>
					</div>
					</li>
					<li class="content_box border-top_green">
					<span class="prev font"></span>
					<span class="next font"></span>
					<ul class="dot">
						<li class="selected">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
					</ul>
					<h2 class="green">图书</h2>
					<div class="content_list">
						<ul>
							<li>
							<a href="" class="content_title">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
							<li>
							<a href="" class="content_title">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
							<li>
							<a href="" class="content_title">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
							<li>
							<a href="" class="content_title">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
						</ul>
					</div>
					</li>
					<li class="content_box border-top_red">
					<span class="prev font"></span>
					<span class="next font"></span>
					<ul class="dot">
						<li class="selected">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
					</ul>
					<h2 class="red">图书</h2>
					<div class="content_list">
						<ul>
							<li>
							<a href="" class="content_title">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
							<li>
							<a href="" class="content_title">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
							<li>
							<a href="" class="content_title">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
							<li>
							<a href="" class="content_title">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
						</ul>
					</div>
					</li>
					<li class="content_box border-top_blue">
					<span class="prev font"></span>
					<span class="next font"></span>
					<ul class="dot">
						<li class="selected">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
					</ul>
					<h2 class="blue">图书</h2>
					<div class="content_list">
						<ul>
							<li>
							<a href="" class="content_title">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
							<li>
							<a href="" class="content_title">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
							<li>
							<a href="" class="content_title">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
							<li>
							<a href="" class="content_title">哈利波特</a>
							<a href="" class="content_intro">精选畅销好书，特价促销，天天更新，天天特价！</a>
							<a href="" class="content_type">限时免费</a>
							<a href="" class="img"><img src="./images/content/content_1.jpg" alt=""></a>
							</li>
						</ul>
					</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- 内容结束 -->
		<!-- 视频开始 -->
		<div class="smart video">
			<div class="product_top">
				<h2>视频</h2>
			</div>
			<div class="product_main video_main">
				<ul class="right_product video_ul">
					<li class="video_list">
					<a href="" class="video_img">
					<img src="./images/video/video_1.jpg" alt="" class="video_img">
					<i class="play font"></i>
					</a>
					<h3>
					<a href="" class="video_title">
								红米年度品牌视频
					</a>
					</h3>
					<p>
						一亿人喜爱你，是一种责任。
					</p>
					</li>
					<li class="video_list">
					<a href="" class="video_img">
					<img src="./images/video/video_1.jpg" alt="" class="video_img">
					<i class="play font"></i>
					</a>
					<h3>
					<a href="" class="video_title">
								红米年度品牌视频
					</a>
					</h3>
					<p>
						一亿人喜爱你，是一种责任。
					</p>
					</li>
					<li class="video_list">
					<a href="" class="video_img">
					<img src="./images/video/video_1.jpg" alt="" class="video_img">
					<i class="play font"></i>
					</a>
					<h3>
					<a href="" class="video_title">
								红米年度品牌视频
					</a>
					</h3>
					<p>
						一亿人喜爱你，是一种责任。
					</p>
					</li>
					<li class="video_list">
					<a href="" class="video_img">
					<img src="./images/video/video_1.jpg" alt="" class="video_img">
					<i class="play font"></i>
					</a>
					<h3>
					<a href="" class="video_title">
								红米年度品牌视频
					</a>
					</h3>
					<p>
						一亿人喜爱你，是一种责任。
					</p>
					</li>
				</ul>
			</div>
		</div>
		<!-- 视频结束 -->
	</div>
</div>
<!-- 网点售后 -->
<div class="footer_site">
	<div class="mid">
		<div class="site_top">
			<ul>
				<li><a href="">预约维修服务</a></li>
				<li><a href="">7天无理由退货</a></li>
				<li><a href="">15天免费换货</a></li>
				<li><a href="">满150元包邮</a></li>
				<li class="site_lastli"><a href="">520余家售后网点</a></li>
			</ul>
		</div>
		<div class="site_bottom">
			<dl>
				<dt>帮助中心</dt>
				<dd><a href="">账户管理</a></dd>
				<dd><a href="">购物指南</a></dd>
				<dd><a href="">订单操作</a></dd>
			</dl>
			<dl>
				<dt>帮助中心</dt>
				<dd><a href="">账户管理</a></dd>
				<dd><a href="">购物指南</a></dd>
				<dd><a href="">订单操作</a></dd>
			</dl>
			<dl>
				<dt>帮助中心</dt>
				<dd><a href="">账户管理</a></dd>
				<dd><a href="">购物指南</a></dd>
				<dd><a href="">订单操作</a></dd>
			</dl>
			<dl>
				<dt>帮助中心</dt>
				<dd><a href="">账户管理</a></dd>
				<dd><a href="">购物指南</a></dd>
				<dd><a href="">订单操作</a></dd>
			</dl>
			<dl>
				<dt>帮助中心</dt>
				<dd><a href="">账户管理</a></dd>
				<dd><a href="">购物指南</a></dd>
				<dd><a href="">订单操作</a></dd>
			</dl>
			<dl>
				<dt>帮助中心</dt>
				<dd><a href="">账户管理</a></dd>
				<dd><a href="">购物指南</a></dd>
				<dd><a href="">订单操作</a></dd>
			</dl>
			<div class="phone_number">
				<p class="number">
					400-100-5678
				</p>
				<p class="time">
					<span>周一至周日 8:00-18:00</span>（仅收市话费）
				</p>
				<p class="ser_time">
					 24小时在线客服
				</p>
			</div>
		</div>
	</div>
</div>
<!-- 网点售后结束 -->
<!-- 底部开始 -->
<div class="footer">
	<div class="mid">
		<div class="footer_top">
			<div class="top_left">
				<div class="logo">
					<img src="./images/logo.jpg" alt="">
				</div>
				<div class="right">
					<p>
						<a href="">小米商城</a>
						<span>|</span>
						<a href="">MIUI</a>
						<span>|</span>
						<a href="">米聊</a>
						<span>|</span>
						<a href="">多看书城</a>
						<span>|</span>
						<a href="">小米路由器</a>
						<span>|</span>
						<a href="">视频电话</a>
						<span>|</span>
						<a href="">小米后院</a>
						<span>|</span>
						<a href="">小米天猫店</a>
						<span>|</span>
						<a href="">小米淘宝直营店</a>
						<span>|</span>
						<a href="">小米网盟</a>
						<span>|</span>
						<a href="">问题反馈</a>
						<span>|</span>
						<a href="">Select Region</a>
					</p>
					<p class="font">
						©<a href="">mi.com</a> 京ICP证110507号 京ICP备10046444号 <a href="">京公网安备11010802020134号</a><a href="">京网文[2014]0059-0009号</a>
					</p>
					<p class="font">
						违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
					</p>
				</div>
			</div>
			<div class="top_right">
				<ul>
					<li><a href=""><img src="./images/footer/seal.png" alt=""></a></li>
					<li><a href=""><img src="./images/footer/seal.png" alt=""></a></li>
					<li><a href=""><img src="./images/footer/seal.png" alt=""></a></li>
					<li><a href=""><img src="./images/footer/seal.png" alt=""></a></li>
				</ul>
			</div>
		</div>
		<div class="footer_bottom">
		</div>
	</div>
</div>
<!-- 底部结束 -->
</body>
</html>